body{
    font-family: "Microsoft YaHei" !important;
}
.m-not-bg-gy {
    background-color: #f7f8fb !important;
}

.m-not {
    padding: 16px 0;
    background-color: #f7f8fb
}

.m-not a {
    color: #595961
}

.m-not a:hover {
    color: #2589ff;
    text-decoration: underline
}

.m-not a > span {
    vertical-align: middle
}

.m-not a > img {
    vertical-align: middle
}

.g-vam {
    vertical-align: middle
}

.m-not-i {
    display: inline-block;
    width: 286px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 40px;
    position: relative;
    vertical-align: middle
}

.m-not-i > i {
    background-image: url('not_i.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    margin-top: -3px
}

.m-dl {
    padding-top: 82px;
    padding-bottom: 94px
}

.m-dl1 {
    padding-top: 103px;
    padding-bottom: 94px
}

/*.m-dl2 {*/
/*    padding-top: 100px;*/
/*    padding-bottom: 73px*/
/*}*/

.m-dl3 {
    padding-top: 91px;
    padding-bottom: 99px
}

.m-dl4 {
    padding-top: 93px;
    padding-bottom: 107px
}

.m-dl5 {
    padding-top: 101px
}

.m-dl6 {
    padding-top: 100px;
    padding-bottom: 106px
}

.m-dl7 {
    padding-top: 93px;
    padding-bottom: 115px
}

.m-dl dd {
    margin-left: 0
}

.m-dt-t1 {
    text-align: center;
    font-size: 40px;
    color: #3179ff;
    margin-top: 4rem;
}
.m-dt-t2{
    text-align: center;
    font-size: 13px;
    color: #2f2f2f;
}
.m-dt-t2-1 {
    text-align: center;
    font-size: 18px;
    color: #ccc;
    /*margin-top: 15px*/
}

.m-dt-lnk {
    font-size: 18px;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #2589ff;
    margin-right: 30px;
    font-weight: 400;
    color: #2589ff;
    transition: background-color .2s linear, color .2s linear
}

.m-dt-lnk:hover {
    background-color: #2589ff;
    color: #fff
}

.m-ban.zd {
    background-color: #2589ff
}

.f1 > li {
    display: inline-block;
    width: 270px;
    height: 220px;
    margin-left: 20px;
    border-radius: 2px;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid #efefef
}

.f1 > li:first-child {
    margin-left: 0
}

.f1-item {
    position: relative;
    background-color: #fff;
    z-index: 1
}

.f1-h {
    position: absolute;
    min-height: 190px;
    left: 0;
    background-color: #fff;
    line-height: 24px;
    top: 0;
    opacity: 0;
    padding: 20px 20px 10px;
    filter: Alpha(opacity=0);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    color: #71717a;
    text-align: left;
    z-index: 2
}

.f1 > li:hover .f1-h {
    opacity: 1;
    filter: Alpha(opacity=100)
}

.f1 > li:hover {
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .1)
}

.f1 > li:hover .f1-lnk {
    display: block
}

.f1-t1 {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700
}

.f1-lnk {
    display: none;
    border-top: 1px solid #e3e2e5;
    position: absolute;
    bottom: -5px;
    left: 20px;
    right: 20px;
    text-align: center;
    font-size: 12px
}

.f1-lnk > span {
    position: relative;
    top: -13px;
    color: #2589ff;
    padding: 0 20px;
    background-color: #fff;
    transition: all .2s linear
}

.f1-lnk > span:hover {
    color: #0968ff
}

.f1 > li img {
    width: 100%;
    min-height: 140px
}

.f1-line {
    width: 20px;
    height: 2px;
    margin: 6px auto
}

.f1-line1 {
    position: absolute;
    bottom: 90px;
    width: 20px;
    height: 2px
}

.f1-l1 {
    background-color: #2d5be5
}

.f1-l2 {
    background-color: #2589ff
}

.f1-l3 {
    background-color: #2dcad3
}

.f1-l4 {
    background-color: #006aff
}

.f1-l5 {
    background-color: #bc212d
}

.f1-l6 {
    background-color: #ff7800
}

.f1-l7 {
    background-color: #202d46
}

.f1-apply {
    position: absolute;
    top: 129px;
    width: 230px
}

.f1-slider-wrap ul {
    display: none
}

.f1-slider-wrap ul.active {
    display: block
}

.f1-nav {
    font-size: 0;
    margin-top: 50px
}

.f1-nav li {
    display: inline-block;
    width: 100px;
    height: 4px;
    background-color: #e5e4e9;
    cursor: pointer;
    transition: background-color .2s linear
}

.f1-nav li.active {
    background-color: #61616a
}

.f1-input-item {
    position: relative;
    width: 440px;
    margin: 40px auto 0
}

.f1-input-item .f1-phone:focus {
    border-color: #2589ff
}

.f1-input-item .f1-phone:focus + .f1-phoneBtn {
    background-color: #2589ff
}

.f1-phone {
    width: 240px;
    height: 24px;
    border: 1px solid #7cb8ff;
    outline: none;
    font-size: 18px;
    padding: 12px 180px 12px 20px;
    color: #1b1c26
}

.f1-phone::-webkit-input-placeholder {
    color: #b2aebc;
    opacity: 1
}

.f1-phone::-moz-placeholder {
    color: #b2aebc;
    opacity: 1
}

.f1-phone:-moz-placeholder {
    color: #b2aebc;
    opacity: 1
}

.f1-phone:-ms-input-placeholder {
    color: #b2aebc;
    opacity: 1
}

.f1-phoneBtn {
    width: 160px;
    height: 50px;
    background: #7cb8ff;
    font-size: 18px;
    color: #FFF;
    line-height: 50px;
    border: none;
    position: absolute;
    right: -1px;
    top: 0;
    text-align: center
}

.f2-bg {
    background: #f1f1f5 url(../img/dshang.png) center no-repeat;
    height: 45rem;
    color: #fff;
    overflow: hidden;
    background-size: cover;
}

.f2-bg.bg_ds {
    background-image: url(../img/dshang.png)
}

.f2-bg.bg_cy {
    background-image: url(../img/cyin.png)
}

.f2-bg.bg_ls {
    background-image: url(../img/lshou.png)
}
.f2-bg.bg_my {
    background-image: url(../img/mye.png)
}

.f2-bg.bg_hotel {
    background-image: url(../img/jdian.png)
}

.f2-bg.bg_travel {
    background-image: url(../img/lyou.png)
}
.f2-bg .m-dt-t1{
    margin-top: 4rem;
    font-size: 48px;
}
.f2-lul{
    width: 80%;
    background:rgba(255,255,255,.2);
}
.f2-lul > li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    transition: background .2s linear;
    float: none;
    margin-top: 10px;
}
/*.f2-lul > li{*/
/*    pointer-events: none;*/
/*}*/
.liActive{
    background: rgba(255,255,255,.3);
    color: #0ee0ff;
    border-radius: 2px;
    font-weight: 700;
    width: 100%;
}
.f2-lul > li:hover, .f2-lul > li.active{
    background:rgba(0,0,0,.5);
    color: #fff;
    border-radius: 0px;
    font-weight: 700;
    width: 100%;
}
.f2-l {
    min-height: 330px;
    padding-right: 30px;
    color: #fff;
    border-right: 2px solid #a9a9a9;
    border-color: rgb(255, 255, 255);
    width: 15%;
    margin-top: 5%;
    margin-left: 15%;
}

.f2-r {
    padding-left: 58px;
    width: 50%;
    min-height: 80%;
    margin-top: 5%;
}

.f2-bd {
    font-size: 16px;
    line-height: 30px;
    margin-top: 17px
}
.f2-rul {
    width: 100%;
    position: absolute;
    font-size: 0;
    margin-left: 8%;
}

.f2-rul > li {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    float: none !important;
    height: 90%;
    margin-top: 5%;
}
.f2-rul > li div.icon{
    width: 8%;
    height: 100%;
    float: left;
    margin-right: 2.5%;
    text-align: center;
}
.f2-rul > li div.icon div{
    height: 2.5rem;
}

.f2-rul > li div.icon span.icon_span{
    display: block;
    float: left;
    width: 100%;
    height: 20%;
    margin-top: 10%;
    text-align: center;
    line-height: 2rem;
    font-size: 14px;
}

.f2-item {
    position: relative;
    margin-top: 15px;
    display: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.f2-item.active {
    display: block
}

.f2-sprite, .f2-bdgj, .f2-czjf, .f2-dc, .f2-ddfx, .f2-dmd, .f2-fx, .f2-fxtx, .f2-gxhyy, .f2-hdyx, .f2-hftx, .f2-hygl, .f2-hyyx, .f2-jck, .f2-jfsc, .f2-jkyl, .f2-jsgl, .f2-jxc, .f2-kfxt, .f2-khgl, .f2-kptcz, .f2-lbfx, .f2-lxhk, .f2-lxtg, .f2-mdgl, .f2-mdrc, .f2-nryy, .f2-ptkj, .f2-qdfx, .f2-scrm, .f2-shhfx, .f2-sjfx, .f2-sjtj, .f2-sjyx, .f2-sjyx1, .f2-sykd, .f2-syxt, .f2-wm, .f2-wzmb, .f2-xcx, .f2-xsgz, .f2-ydbg, .f2-yhmd, .f2-yxcj, .f2-yxgj, .f2-yxhd, .f2-yxtg, .f2-yyps, .f2-yyyd, .f2-znxt, .f2-zpzb, .f2-zqg, .f2-zqk, .f2-zxsc, .f2-kfgl {
    background-repeat: no-repeat;
    width: 50px;
    height: 55px
}

.f2-bdgj {
    background-position: 0 0
}

.f2-czjf {
    background-position: 0 -75px
}

.f2-dc {
    background-position: 0 -150px
}

.f2-ddfx {
    background-position: 0 -225px
}

.f2-dmd {
    background-position: 0 -300px
}

.f2-fx {
    background-position: 0 -375px
}

.f2-fxtx {
    background-position: 0 -450px
}

.f2-gxhyy {
    background-position: 0 -525px
}

.f2-hdyx {
    background-position: 0 -600px
}

.f2-hftx {
    background-position: 0 -675px
}

.f2-hygl {
    background-position: 0 -750px
}

.f2-hyyx {
    background-position: 0 -825px
}

.f2-jck {
    background-position: 0 -900px
}

.f2-jfsc {
    background-position: 0 -975px
}

.f2-jkyl {
    background-position: 0 -1050px
}

.f2-jsgl {
    background-position: 0 -1125px
}

.f2-jxc {
    background-position: 0 -1200px
}

.f2-kfxt {
    background-position: 0 -1275px
}

.f2-khgl {
    background-position: 0 -1350px
}

.f2-kptcz {
    background-position: 0 -1425px
}

.f2-lbfx {
    background-position: 0 -1500px
}

.f2-lxhk {
    background-position: 0 -1575px
}

.f2-lxtg {
    background-position: 0 -1650px
}

.f2-mdgl {
    background-position: 0 -1725px
}

.f2-mdrc {
    background-position: 0 -1800px
}

.f2-nryy {
    background-position: 0 -1875px
}

.f2-ptkj {
    background-position: 0 -1950px
}

.f2-qdfx {
    background-position: 0 -2025px
}

.f2-scrm {
    background-position: 0 -2100px
}

.f2-shhfx {
    background-position: 0 -2175px
}

.f2-sjfx {
    background-position: 0 -2250px
}

.f2-sjtj {
    background-position: 0 -2325px
}

.f2-sjyx {
    background-position: 0 -2400px
}

.f2-sjyx1 {
    background-position: 0 -2475px
}

.f2-sykd {
    background-position: 0 -2550px
}

.f2-syxt {
    background-position: 0 -2625px
}

.f2-wm {
    background-position: 0 -2700px
}

.f2-wzmb {
    background-position: 0 -2775px
}

.f2-xcx {
    background-position: 0 -2850px
}

.f2-xsgz {
    background-position: 0 -2925px
}

.f2-ydbg {
    background-position: 0 -3000px
}

.f2-yhmd {
    background-position: 0 -3075px
}

.f2-yxcj {
    background-position: 0 -3150px
}

.f2-yxgj {
    background-position: 0 -3225px
}

.f2-yxhd {
    background-position: 0 -3300px
}

.f2-yxtg {
    background-position: 0 -3375px
}

.f2-yyps {
    background-position: 0 -3450px
}

.f2-yyyd {
    background-position: 0 -3525px
}

.f2-znxt {
    background-position: 0 -3600px
}

.f2-zpzb {
    background-position: 0 -3675px
}

.f2-zqg {
    background-position: 0 -3750px
}

.f2-zqk {
    background-position: 0 -3825px
}

.f2-zxsc {
    background-position: 0 -3900px
}

.f2-kfgl {
    background-position: 0 -3975px
}

.f2-gjbd, .f2-qdtg, .f2-qdtg, .f2-wzgl, .f2-ymtz, .f2-yxyy, .f2-zxzj {
    background-image: url('../img/f2_icns2.png');
    background-repeat: no-repeat;
    width: 70px;
    height: 70px
}

.f2-gjbd {
    background-position: 0 0
}

.f2-qdtg {
    background-position: 0 -80px
}

.f2-wzgl {
    background-position: 0 -160px
}

.f2-ymtz {
    background-position: 0 -240px
}

.f2-yxyy {
    background-position: 0 -320px
}

.f2-zxzj {
    background-position: 0 -400px
}

.f2-mdgl, .f2-qzc {
    background-image: url('../img/f2_icns3.png');
    background-repeat: no-repeat;
    width: 70px;
    height: 70px
}

.f2-mdgl {
    background-position: 0 0
}

.f2-qzc {
    background-position: 0 -80px
}

.f2-rul1 {
    width: 100%;
    padding-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, .2);
    position: absolute;
    margin-top: 5%;
}

.f2-rul1 > li {
    display: inline-block;
    margin-left: 72px;
    position: relative
}

.f2-rul1 > li:first-child {
    margin-left: 0
}

.f2-rul1-qr {
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    bottom: 0;
    height: 0;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden;
    opacity: 0;
    filter: Alpha(opacity=0);
    font-size: 12px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.f2-rul1-qr > img {
    width: 130px;
    margin: 12px 25px 9px
}

.f2-rul1 > li:hover .f2-rul1-qr {
    height: 180px;
    opacity: 1;
    filter: Alpha(opacity=100);
    color: #595961
}

.f2-lnk {
    padding: 4px 14px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #3986ff;
    background-color: #3986ff;
    color: #fff;
    transition: all .2s linear
}

.f2-lnk:hover {
    border-color: #0968ff;
    background-color: #0968ff;
    color: #fff
}

.f3-bg {
    background: #f1f1f5 url(../img/bg_3.jpg) center no-repeat;
    height:50rem;
    color: #fff;
    overflow: hidden;
    background-size: cover;
    background-color: #4f576b
}
.clear_fix{
    width: 90%;
    height: 20rem;
    margin: auto;
    margin-top: 3%;
}
.clear_fix li{
    width: 15%;
    height: 75%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 2%;
    float: left;
}
.circle{
    float: left;
    width: 9rem;
    height: 9rem;
    border-radius: 5rem;
    background: white;
    margin-left: 15%;
    cursor: pointer;

}
.circle_icon {
    float: left;
    width: 60%;
    height: 60%;
    margin-left: 21%;
    margin-top: 20%;
}
.circle_icon img{
    width: 100%;
    height: 100%;
}
.circle span{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 25%;
    font-size: 18px;
    font-family: "思源黑体 CN";
    color: #333;
}
.square{
    float: left;
    width: 90%;
    height: 100%;
    border-radius: 1rem;
    margin-left: 10%;
    display: none;
}
.square_top{
    float: left;
    width: 100%;
    height: 40%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    /*background-size: cover;*/
}
.square_top h4 {
    float: left;
    width: 100%;
    height: 100%;
    line-height: 2rem;
    text-align: center;
    margin-top: 20%;
    font-size: 20px;
    font-family: "思源黑体 CN";
    color: white;
}
.square_bottom{
    float: left;
    width: 100%;
    height: 60%;
    background: white;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    letter-spacing: 1px;
}
.square_bottom p{
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 5%;
    font-size: 14px;
    color: #333333;
    font-family: "思源黑体 CN";
}
.square_top1{
    background:url("../img/adb_1.png");
    background-size: cover;
}
.square_top2{
    background:url("../img/adb_2.png");
    background-size: cover;
}
.square_top3{
    background:url("../img/adb_3.png");
    background-size: cover;
}
.square_top4{
    background:url("../img/adb_4.png");
    background-size: cover;
}
.square_top5{
    background:url("../img/adb_5.png");
    background-size: cover;
}
.square_top6{
    background:url("../img/adb_6.png");
    background-size: cover;
}
.square_top7{
    background:url("../img/adb_7.png");
    background-size: cover;
}
.square_top8{
    background:url("../img/adb_8.png");
    background-size: cover;
}.square_top9{
     background:url("../img/adb_9.png");
     background-size: cover;
 }
.square_top10{
    background:url("../img/adb_10.png");
    background-size: cover;
}

.t-c1{
    display: block;
    border-radius: 6%;
    cursor: pointer;
    position: absolute;
    width: 170px;
    height: 200px;
    border: 1px solid transparent;
    transition: all 0.5s cubic-bezier(0.4,0,0.2,1) 0s;
}
.t-sec{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    background: white;
    border-radius: 1rem;
    transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;

}
.t-sec i{
    float: left;
    width: 100%;
    height: 60%;
}.t-sec i img{
     width: 50%;
     margin-left: 25%;
     margin-top: 15%;
 }
h3.font20.grey333{
    float: left;
    margin-top: 0%;
    width: 100%;
    text-align: center;
    color: #3179ff;
    font-size: 20px;
    transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;
}
.inter{
    display: none;
    width: 170px;
    height: 200px;
    color: white;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    background-size: cover !important;
    border-radius: 1rem;
    letter-spacing: 1px;
}
.inter span {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 20px;
    transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;
}
.inter i{
    width: 100%;
    height: 20%;
}
.inter i img{
    width: 35%;
    margin-left: 32.5%;
    margin-top: 10%;
}
.inter .f-mgt1 {
    width: 100%;
    float: left;
    text-align: center;
    transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;
}
.f4-bg {
    background: #f1f1f5 url(../img/bg_4.jpg) center no-repeat;
    height: 45rem;
    color: #fff;
    overflow: hidden;
    background-size: cover;
    background-color: #4f576b
}
.f4-bg .m-dt-t1{
    margin-top: 4rem;
}
.f4-dd{
    width: 80%;
    height: 50%;
    margin: auto;
    margin-top: 10%;
}
.f4-dd li{
    float: left;
    width: 16%;
    height: 100%;
    margin-right: 6%;
    margin-left: 1%;
}
.f4-dd li img{
    width: 100%;
    height: 100%;
}
.f4-bg .m-dt-t1{
    color: white;
    font-weight: 700;
    font-size: 58px
}
.f2-r-bottom{
    position: absolute;
    width: 60%;
    left: 30%;
    bottom: 5%;
}
.f2-r-bottom span{
    display: block;
    float: left;
    width: 1.5rem;
    height: 5px;
    margin-left: 0%;
    margin-right: 5%;
    border-radius: 15px;
    cursor: pointer;
    background: white;
}
.f2-r-bottom span.now{
    background:blue;
}
.f2-r-bottom span:hover{
    background:blue;
}

.m-f1-lnk {
    padding: 8px 30px;
    color: #2589ff;
    background: #FFF;
    border: 1px solid #2589ff
}

.m-f1-lnk:hover {
    color: #FFF;
    background: #2589ff
}

.f2-lnk1 {
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 16px;
    color:#858585;
    background: 0 0;
    border:none;
    background: white;
    margin-right: 20px
}

.f5-le {
    margin: 0;
    width: 100px;
    height: 1px;
    background: #dcdce5;
    border-radius: 1px
}

.f5-tt1 {
    margin-top: 10px;
    font-size: 56px;
    color: #2589ff;
    line-height: 60px
}

.f5-tt2 {
    margin-top: 10px;
    font-size: 18px;
    color: #727281
}

.m-new-ul {
    /*padding: 40px;*/
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.m-new-ul li.f-fl {
    width: 20%;
    margin-left: 2.5% !important;
    margin-right: 2.5%;
}


.m-new-top {
    height: 69px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
}

.m-new-top1 {
    background-position: 0 0;
    background-image: url('../img/00.png');
    background-size: cover;
}

.m-new-top2 {
    background-position: 0 0;
    background-image: url('../img/000.png');
    background-size: cover;
}

.m-new-top3 {
    background-position: 0 0;
    background-image: url('../img/0000.png');
    background-size: cover;
}

.m-new-top4 {
    background-position: 0 0;
    background-image: url('../img/0.png');
    background-size: cover;
}

.m-new-top .m-dt-t1 {
    margin-bottom: 45px
}

.m-new-top p {
    font-size: 18px;
    color: #FFF;
    margin-top: 15px;
    margin-left: 20px;
    font-weight: 700;
    line-height: 1;
}
.m-new-top label{
    font-size: 12px;
    margin-top: 1px;
}
.m-new-top span{
    display: block;
    float: left;
    width: 20px;
    height: 1px;
    margin-top: 0.5rem;
    margin-left: 20px;
    background: wheat;
}

.m-new-dl1 {
    padding-top: 1px;
    padding-bottom: 66px;
}

.m-new-child {
    height: 300px;
    background: url(../img/00000.png);
    background-size: contain;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;

}
.m-new-child::after{
    display: none;
}
.m-new-child li {
    display: block;
    padding: 20px 0;
    height: 60px;
    cursor: default;
    position: relative;
    width: 100%;
}

.m-new-child li .index-show {
    display: block;
    padding-top: 6px;
    color: white !important;
}

.m-new-child li .index-hide {
    display: none;
    color: #73767c
}

.m-new-child li .index-hide.p1 {
    padding-top: 6px
}

.m-new-child li.active .index-hide {
    display: block;
    color: white !important;
}
.m-new-child li.active .index-show {
    display: none;
    color: white !important;
}

.m-new-child li.active h5 {
    width: 160px
}


/*.m-new-child li:first-child{*/
/*    background: #fafafa url(../img/'00000.png') no-repeat;*/
/*    background-size: cover;*/
/*}*/

.m-new-child li.display {
    display: none
}

.m-new-child li.visible.m-new-childli {
    visibility: hidden
}

.m-new-child li.active{
    background: #128cff;
    background-size: cover;
}

.m-new-child li.active.child-li1 .m-new-childli {
    background-position: 0 0
}

.m-new-child li.active.child-li2 .m-new-childli {
    background-position: 0 -120px
}

.m-new-child li.active.child-li3 .m-new-childli {
    background-position: 0 -240px
}

.m-new-child li.active.child-li4 .m-new-childli {
    background-position: 0 -360px
}
.child-li1,.child-li2,child-li3,child-li4:after{

}

.m-new-child h5 {
    color: white !important;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 16px;
    background: url("../img/point.png") no-repeat;
    background-position: 10px;
}

.m-new-child h5 span.yuan {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url('../img/yuan@1x.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 13px
}

span.yuan1 {
    background-position: 0 0
}

span.yuan2 {
    background-position: 0 -20px
}

span.yuan3 {
    background-position: 0 -40px
}

span.yuan4 {
    background-position: 0 -60px
}

span.yuan5 {
    background-position: 0 -80px
}

span.yuan6 {
    background-position: 0 -100px
}

span.yuan7 {
    background-position: 0 -120px
}

span.yuan8 {
    background-position: 0 -140px
}

span.yuan9 {
    background-position: 0 -160px
}

span.yuan10 {
    background-position: 0 -180px
}

span.yuan11 {
    background-position: 0 -200px
}

span.yuan12 {
    background-position: 0 -220px
}

span.yuan13 {
    background-position: 0 -240px
}

span.yuan14 {
    background-position: 0 -260px
}

span.yuan15 {
    background-position: 0 -280px
}

.m-new-child p {
    font-size: 12px;
    color: #979ba5;
    letter-spacing: 0;
    line-height: 20px;
    padding-left: 10px
}

.product-num-head{
    margin-top: 80px;
    font-size: 0;
    width: 100%;
    margin: auto;
    height: 20rem;
}

.product-num-item{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 20%;
    height: 90%;
    font-size: 50px;
    color: #fff;
    line-height: 62px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    margin: 2%;
}

.product-num-nub{
    display: inline-block;
    width: 50%;
    font-size: 90px;
    color: #fff;
    line-height: 62px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    margin-right: 15%;
}

.product-num-add{
    font-size: 32px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 30px;
}

.product-num-inf{
    left: 20px;
    font-size: 28px;
    color: #fff;
    line-height: 0;
    margin-left: -10px;
    position: absolute;
    width: 100%;
    top: 50%;
}

.product-num-wan{
    position:absolute;
    right: 20px;
    top: 30px;
    font-size: 32px;
}
.product-num-add2{
    position: absolute;
    right: -10px;
    font-size: 32px;
}


@media (max-width: 1440px){
    #x_bgimg{
        opacity: 1;
        height: 100%;
        /*margin-left: -300px !important;*/
    }
    .wrap{
        width: 89%;
    }
    .m-dt-t1{
        font-size: 1.5rem;
    }
    .m-new-dl1{
        padding-top: 20px;
    }
    .m-new-ul{
        padding:0;
        margin-left: 8%;
    }
    .m-new-ul li.f-fl{
        width: 42%;
        margin-bottom: 1rem;
    }
    .m-new-a{
        display: none !important;
    }

    .f2-l{
        border: none;
        width: 100%;
        padding: 0;
        min-height:0;
        margin-top: 5%;
        position: absolute;
        bottom: 2rem;
    }
    .f2-lul{
        background: none;
        margin-left: 12%;
        width: 50%;
    }
    .f2-lul > li{
        height: 2rem;
        width: 2rem !important;
        line-height:2rem;
        border: 1px dashed;
        margin-left: 7%;
        border-radius: 1rem !important;
        font-size: 14px;
        float: left;
        color: #0ee0ff
    }
    .f2-bg .m-dt-t1{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 15%;
        line-height: 2rem;
        font-size: 1.5rem;
    }

    .f2-bg{
        height: 40rem;
    }
    .f2-bg .m-dt-t2{
        font-size: 12px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .f2-l{
        display: none;
    }
    .f2-r{
        position: absolute;
        width:90%;
        margin-left: 5%;
        padding: 0;
    }
    .f2-item{
        margin-top: 0;
    }
    .f2-r .f-ib{
        font-size: 24px;
    }
    .f2-bd{
        font-size: 14px;
        line-height: 20px;
    }

    .f2-rul > li{
        width: 100%;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .m-new-top{
        height: 60px;
    }
    .m-new-top p{
        font-size: 16px;
        font-weight: 300;
        margin-top: 10px;
        margin-left: 10px;
    }
    .f3-bg{
        height: 75rem;
    }
    .f3-bg .m-dt-t1{
        font-size: 26px;
    }
    .f3-bg .m-dt-t2{
        font-size: 14px;
    }
    .f3-bg .m-dl2{
        padding: 0px;
        margin-top: 30px;

    }
    .f3-bg dd{
        height: 45rem;
    }
    .f3-bg dd a{
        display: block;
        width:25%;
        height: 30%;
        float: left;
        margin-left: 0;
        margin-bottom: 4%;
    }

    .f4-bg{
        height: 30rem;
    }
    .f4-dd{
        width: 80%;
        height: 20rem;
        margin-left: 7%;
        margin-top:-2%;
    }
    .f4-bg .m-dt-t1{
        margin-top: 2rem;
        margin-bottom: 2rem;
        font-size: 30px;
    }
    .f4-bg .m-dl2{
        paddin: 0px;
        margin-top: 30px;
    }
    .f4-dd li {
        float: left;
        width: 30%;
        height: 50%;
        margin-right: 5%;
        margin-left: 5%;
        margin-top: 5%
    }
    .f4-dd li img {
        width: 80%;
    }
    .product-num-head{
        margin-top: 80px;
        font-size: 0;
        width: 100%;
        margin: auto;
        height: 17rem;
    }

    .product-num-item{
        width: 40%;
        height: 40%;
        font-size: 50px;
        margin: 2%;
        margin-left: 5%;
    }


    .product-num-nub{
        display: inline-block;
        width: 50%;
        font-size: 40px;
        color: #fff;
        line-height: 62px;
        margin-right: 0%;
    }

    .product-num-add{
        font-size: 22px;
        color: #fff;
        position: absolute;
        right: 60px;
        top: 20px;
    }

    .product-num-inf{
        left: 0;
        font-size: 12px;
        color: #fff;
        line-height: 0;
        margin-left: -2px;
        position: absolute;
        width: 100%;
        top: 80%;
    }


    .product-num-wan{
        position:absolute;
        right:60px;
        top: 20px;
        font-size: 22px;
    }
    .product-num-add2{
        right: 10%;
    }


    .clear_fix{
        height: 40rem;
        margin-top: 2%;
    }
    .clear_fix li {
        width: 20%;
        height: 35%;
        margin-left: 7%;
        margin-right: 5%;
    }
    .t-c1{
        width: 160px;
        height: 170px;
    }
    .inter{
        width: 160px;
        height: 170px;
    }
    .t-sec i img {
        width: 40%;
        margin-left: 30%;
    }
    .clear_fix {
        width: 100%
    }
    .square{
        margin-left: 10%;
        width: 80%;
    }
    .circle {
        width: 8rem;
        height: 8rem;
        border-radius: 4rem;
    }
    .square_bottom p {
        font-size: 12px;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .m-dt-t2-1{
        font-size: 18px;
        margin-top: 1rem;
        text-align: center;
    }
}
@media (max-width: 1000px) {
    .f3-bg{
        height: 75rem;
    }
    .clear_fix li {
        width: 25%;
        height: 32%;
        margin-bottom: 20%;
        margin-left:5%;
        margin-right: 2.5%;
    }
    .circle{
        width: 6rem;
        height: 6rem;
        border-radius: 3rem;
        margin-left: 20%;
    }
    .square{
        width: 80%;
        height: 230%;
        margin-left: 2%;
    }
    .clear_fix {
        width: 98%;
        height: 20rem;
    }
    .f4-dd {
        margin-left: 12%;
    }
    .t-c1 {
        width: 130px;
        height: 150px;
    }
    .inter{
        width: 130px;
        height: 150px;
    }
    .product-num-item {
        margin-left: 5%;
    }
    .w1520 {
        width:100% !important;
    }
    .header-main .w1520 {
        width: 89% !important;
    }
    .wrap{
        width: 100%;
        margin-top: 16px;
    }

}
@media (max-width: 750px){
    .m-dt-t1{
        font-size: 1.5rem;
    }
    .m-new-dl1{
        padding-top: 20px;
    }
    .m-new-ul{
        padding:0;
        width: 100%;
        margin-left: 0;
    }
    .m-new-ul li.f-fl{
        width: 80%;
        margin-bottom: 1rem;
        margin-left: 10% !important;
        margin-right: 10%;
    }
    .m-new-a{
        display: none !important;
    }

    .f2-l{
        border: none;
        width: 100%;
        padding: 0;
        min-height:0;
        margin-top: 5%;
        position: absolute;
        bottom: 2rem;
    }
    .f2-lul{
        background: none;
        margin-left: 5%;
        width: 90%;
    }
    .f2-lul > li{
        height: 2rem;
        width: 2rem !important;
        line-height:2rem;
        border: 1px dashed;
        margin-right: 0;
        border-radius: 1rem !important;
        font-size: 14px;
        float: left;
        color: #0ee0ff;
        margin-left: 1%;
    }
    .f2-bg .m-dt-t1{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 15%;
        line-height: 2rem;
    }
    .f2-bg{
        height:40rem;
    }
    .f2-bg .m-dt-t2{
        font-size: 12px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .f2-r{
        position: absolute;
        width:90%;
        margin-left: 5%;
        padding: 0;
        margin-top: -2%;
    }
    .f2-item{
        margin-top: 5%;
    }
    .f2-r .f-ib{
        font-size: 24px;
    }
    .f2-bd{
        font-size: 14px;
        line-height: 20px;
    }
    .f2-lnk{
        margin-top: 5%;
    }
    .f2-rul > li{
        width: 100%;
    }
    .f2-rul > li img {
        height: 1.7rem;
    }
    .m-new-top{
        height: 60px;
    }
    .m-new-top p{
        font-size: 16px;
        font-weight: 300;
        margin-top: 10px;
        margin-left: 10px;
    }
    .f3-bg{
        height: 70rem;
    }
    .f3-bg .m-dt-t1{
        font-size: 26px;
    }
    .f3-bg .m-dt-t2{
        text-align: center;
        font-size: 14px;
    }
    .f3-bg .m-dl2{
        paddin: 0px;
        margin-top: 30px;
    }
    .f3-bg dd{
        height: 30rem;
    }
    .f3-bg dd p{
        width: 30%;
        height: 5rem;
        margin-bottom: 3rem;
    }
    .f3-bg dd a{
        display: block;
        width:33%;
        height: 30%;
        float: left;
        margin-left: 0;
    }
    .clear_fix {
        margin-top: 6%;
    }
    .f4-bg{
        height: 24rem;
    }
    .f4-dd{
        width: 80%;
        height: 10rem;
        margin-left:10%;
        margin-top:-6%;
    }
    .f4-bg .m-dt-t1{
        font-size: 30px;
    }
    .f4-bg .m-dl2{
        paddin: 0px;
        margin-top: 30px;
    }
    .f4-dd li {
        float: left;
        width: 40%;
        height: 50%;
        margin-right: 5%;
        margin-left: 5%;
        margin-top: 5%
    }
    .f4-dd li img {
        width: 90%;
        height: 80%;
    }
    .clear_fix {
        width: 100%;
        height: 30rem;
    }
    .clear_fix li {
        width: 40%;
        height: 35%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5%;
    }
    .square_top{
        height: 30%;
    }
    .square_bottom{
        height: 70%;
    }
    .square_bottom p{
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-top: 0;
    }
    .square_top h4{
        margin-top: 10%;
        font-size: 16px;
        line-height: 28px;
    }
    .square{
        margin-left: 8%;
        width: 85%;
        height: 100%;
    }
    .circle span{
        font-size: 14px;
    }
    .square_bottom p{
        font-size: 12px;
        overflow: ellipsis;
    }
    .t-c1 {
        width: 90px;
        height: 110px;
    }
    .inter{
        width: 95px;
        height:110px;
    }
    h3.font20.grey333 {
        font-size: 12px;
        margin-top: 20%;
    }
    .f2-r-bottom{
        width: 85%;
        left: 23%;
        top: 95%;
    }
    .f2-r-bottom span {
        margin-left: 1%;
        margin-right: 4%;
    }
    .inter span{
        font-size: 14px;
    }
    .inter .f-mgt1 {
        display: none;
        font-size: 12px;
    }
    .f2-rul {
        margin-left: 2%;
        margin-top: 6%;
    }
    .f2-rul > li div.icon {
        width: 16%;
        margin-bottom: 6px;
    }
    .product-num-item {
        margin-left: 2%;
        margin-right: 8%;
    }
    .product-num-add {
        right: -8px;
    }
    .product-num-wan {
        right: -8px;
    }
    .product-num-add2 {
        right: -23%;
    }
    .product-num-nub {
        margin-right: 8px;
    }
    .circle{
        width: 6rem;
        height: 6rem;
        border-radius: 3rem;
    }
    .f2-rul > li div.icon div{
        height: 2rem;
    }
    .m-dt-t2-1 {
        font-size: 14px;
        margin-top: 1rem;
        text-align: center;
        line-height: 30px;
    }
}
@media (max-width: 360px) {
    .f2-rul > li div.icon {
        width: 19%;
        margin-right: 5%;
    }
    .f2-r-bottom {
        width: 90%;
        left: 20%;
        top: 95%;
    }
    .f3-bg{
        height: 70rem;
    }
}
@media (max-width: 340px) {
    .clear_fix li{
        width: 40%;
        margin-left: 10%;
        margin-right: 0;
    }
    .square {
        margin-left: -8%;
    }

    .circle{
        width: 5rem;
        height: 5rem;
        border-radius: 2.5rem;
        margin-left:3%;
    }
    .f4-bg{
        height: 30rem;
    }
    .product-num-nub{
        margin-right: 27px;
    }
    .f2-r-bottom {
        width: 90%;
        left: 17%;
        top: 96%;
    }
}